.container {
    background-color: #F5F5F5;
}
.speedBar {
    display: flex;
    position: fixed;
    top: 0;
    background-color: rgb(0, 0, 0, 0.6);
    height: 5.4vh;
    font-size: 3.2vw;
    color: white;
    padding:  1.8vh 5.33vw 1.2vh 2.67vw;
    align-items: center;
    z-index: 7;
}
.bar {
    margin-left: 3.733333333333334vw;
    height: 0.29985007496251875vh;
    width: 75.46666666666667vw;
    background-color: rgb(113, 107, 107,0.6);
    overflow: hidden;
}

.bared {
    margin-left: 3.733333333333334vw;
    height: 0.29985007496251875vh;
    width: 75.46666666666667vw;
    background-color: rgb(255, 234, 0, 0.6);
    overflow: hidden;
    transform: translateX(-80%);
}
.decorate {
    position: absolute;
    top: 26.83658170914543vh;
}
#banner_nav {
    position: absolute;
    left: 3vw;
    top: 26vh;
}
#banner_nav span {
    border-radius: 20%;
}
.twoItmes {
    display: flex;
}
.item1 {
    margin-left: 2.666666666666667vw;
    margin-right: 1.866666666666667vw;
}
.bannerItems div {
    margin-left: 2.666666666666667vw ;
}
.cate{
    display: flex;
    width: 100vw;
    background-color: white;
    font-size: 3.733333333333334vw;
}
.cate1 {
    margin-left: 4vw;
    margin-top: 3.4666666666666663vw;
}
.cate2 {
    margin-left: 11.200000000000001vw;
    margin-top: 3.4666666666666663vw;
}
.showItems {
    background-color: white;
    display: flex;
    justify-content: space-around;
}